<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="__ADMIN__/css/base.css"/>
    <link rel="stylesheet" href="__ADMIN__/css/info-mgt.css"/>
    <link rel="stylesheet" href="__ADMIN__/css/WdatePicker.css"/>
    <title>移动办公自动化系统</title>
    <style type='text/css'>
        table tr .id {
            width: 63px;
            text-align: center;
        }

        table tr .name {
            width: 118px;
            padding-left: 17px;
        }

        table tr .nickname {
            width: 63px;
            padding-left: 17px;
        }

        table tr .dept_id {
            width: 63px;
            padding-left: 13px;
        }

        table tr .sex {
            width: 63px;
            padding-left: 13px;
        }

        table tr .birthday {
            width: 80px;
            padding-left: 13px;
        }

        table tr .tel {
            width: 113px;
            padding-left: 13px;
        }

        table tr .email {
            width: 160px;
            padding-left: 13px;
        }

        table tr .addtime {
            width: 160px;
            padding-left: 13px;
        }

        table tr .operate {
            padding-left: 13px;
        }
    </style>
</head>

<body>
<div class="title"><h2>邮件管理</h2></div>
<div class="table-operate ue-clear">
    <a href="__CONTROLLER__/add" class="add">添加</a>
    <a href="javascript:;" class="del">删除</a>
    <a href="javascript:;" class="edit">编辑</a>
    <a href="javascript:;" class="check">审核</a>
</div>
<div class="table-box">
    <table>
        <thead>
        <tr>
            <th class="id">序号</th>
            <th class="name">发件人</th>
            <th class="name">标题</th>
            <th class="file">附件</th>
            <th class="content">内容</th>
            <th class="addtime">发送时间</th>
            <th class="status">状态</th>
            <th class="operate">操作</th>
        </tr>
        </thead>
        <tbody>
        <volist name='result' id='vo'>
            <tr>
                <td class="id">{$vo.id}</td>
                <td class="name">{$vo.truename}</td>
                <td class="name">{$vo.title}</td>
                <td class="file"><img src="{$vo.file}"></td>
                <td class="content">{$vo.content|msubstr=0,20}</td>
                <td class="addtime">{$vo.addtime|date='Y-m-d H:i:s',###}</td>
                <td class="status">
                    <empty name="vo.isread">
                        未读
                    </empty>
                    <notempty name="vo['isread']">
                        <if condition="$vo.isread eq 1">
                            已读
                            <else/>
                            未读
                        </if>
                    </notempty>
                </td>
                <td class="operate"><a href="#" class="lay" data='{$vo.id}'
                                       isread='{$vo.isread}' data-title='{$vo.title}'>查看内容&nbsp|&nbsp</a>
                    <a href="#" onClick="return disp_confirm('{$vo.id}')">删除</a>
                </td><!--removeFromCart('${item.product.pid}')-->

            </tr>
        </volist>

        </tbody>
    </table>
</div>
<div class="pagination ue-clear">
    <div class="pagin-list">
        {$page}
    </div>
    <div class="pxofy">共 {$count} 条记录</div>
</div>
</body>
<script type="text/javascript" src="__ADMIN__/js/jquery.js"></script>
<script type="text/javascript" src="__ADMIN__/js/common.js"></script>
<script type="text/javascript" src="__ADMIN__/js/WdatePicker.js"></script>
<script type="text/javascript" src="__ADMIN__/plugin/layer/layer.js"></script>
<script type="text/javascript">

    function disp_confirm(id) {
        if (confirm("你确定要删除?")) {
            // alert('__CONTROLLER__/delete/id/' + id);
            location.href = '__CONTROLLER__/delete/id/' + id;
        }
    }

    $('.lay').on('click', function () {
        // alert('aaaaaaaaa');
        // layer.msg('hello');
        // layer.alert('aaaaaaa');
        //获取id
        var id = $(this).attr('data');
        var isread = $(this).attr('isread');
        //获取公文标题
        var title = $(this).attr('data-title');
        // layer.open({
        //     type: 2,
        //     title: title,
        //     area: ['600px', '360px'],
        //     shadeClose: true, //点击遮罩关闭
        //     content: '__CONTROLLER__/showContent/id/' + id //iframe的url
        // });
        // alert(isread);
        layer.open({
            type: 2,
            title: title,
            area: ['600px', '360px'],
            shadeClose: true, //点击遮罩关闭
            maxmin: true,
            content: "__CONTROLLER__/showContent/id/" + id,//iframe的url
            end: function () {
                //刷新已读的姿态
                if (isread != '1') {
                    location.reload();
                }
            }
        });
    });

    $(".select-title").on("click", function () {
        $(".select-list").hide();
        $(this).siblings($(".select-list")).show();
        return false;
    })
    $(".select-list").on("click", "li", function () {
        var txt = $(this).text();
        $(this).parent($(".select-list")).siblings($(".select-title")).find("span").text(txt);
    })

    $("tbody").find("tr:odd").css("backgroundColor", "#eff6fa");

    showRemind('input[type=text], textarea', 'placeholder');
</script>
</html>
